<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Gooey Templates : Forms</title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta http-equiv="Expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
		<meta http-equiv="Pragma" content="no-cache" />
		<link rel="stylesheet" href="css/reset-fonts.css" type="text/css" media="screen, projection" />
		<link rel="stylesheet" href="css/gt-styles.css" type="text/css" media="screen, projection" />
	</head>
	<body>
		<!-- head -->
		<div class="gt-hd clearfix">
			<!-- leaf watermark -->
			<div class="gt-leaf-watermark clearfix">
			
			<!-- head top -->
			<div class="gt-hd-top clearfix">
				
				<div class="gt-fixed-wrap clearfix">
				
				<!-- logo -->
				<div class="gt-logo">
					eco style app <img class="gt-leaf" src="images/gt/leaf-logo-icon.png" alt="leaf-logo-icon" width="49" height="44"/>
				</div>
				<!-- / logo -->
				
				<!-- utility box -->
				<div class="gt-util-box">
					<div class="gt-util-box-inner">
						<p>welcome <strong>sarah</strong> <span class="gt-util-separator">|</span> <a href="">logout</a></p>
					</div>
				</div>
				<!-- / utility box -->
				
				</div>
			
			</div><!-- /head top -->
			
			<!-- navbar -->
			<div class="gt-navbar clearfix">
			
				<div class="gt-fixed-wrap clearfix">
				
				<!-- navigation -->
				<div class="gt-nav">
					<ul>
						<li><a href="index.html">Home</a></li>
						<li><a href="base.html">Base HTML</a></li>
						<li><a href="tables.html">Tables</a></li>
						<li><a class="gt-active" href="forms.html">Forms</a></li>
						<li><a href="text-styles.html">Text Styles</a></li>
						<li><a href="buttons.html">Buttons</a></li>
						<li><a href="login.html">Login</a></li>
					</ul>
				</div><!-- / navigation -->
				
				<!-- search -->
				<div class="gt-search"><div class="gt-search-inner">
					<input type="text" class="gt-search-text" value="Search" onfocus="javascript:if(this.value=='Search')this.value='';" onblur="javascript:if(this.value=='')this.value='Search';" />
				</div></div>
				
				</div>
				
			</div><!-- /navbar -->			
		</div><!-- /leaf watermark -->
		</div>
		<!-- / head -->
		
		<!-- body -->
		<div class="gt-bd gt-cols clearfix">
			
			<!-- main content -->
			<div class="gt-content">
				
				<!-- Add / Edit a New Article Form -->
				<!-- This form can be used to add/edit an article -->
				<h2 class="gt-form-head">Add a New Article</h2>
				<div class="gt-form gt-content-box">
					<!-- form row -->
					<div class="gt-form-row gt-width-66">
						<label>Article Title</label>
						<input type="text" class="gt-form-text" />
					</div><!-- /form row -->
					
					<!-- form row -->
					<div class="gt-form-row gt-width-66">
						<label>Date</label>
						<select>
							<option>January</option>
							<option>February</option>
							<option>March</option>
							<option>April</option>
							<option>May</option>
							<option>June</option>
							<option>July</option>
							<option>August</option>
							<option>September</option>
							<option>October</option>
							<option>November</option>
							<option>December</option>
						</select>
						
						<select>
							<option>1</option>
							<option>2</option>
							<option>3</option>
							<option>4</option>
							<option>5</option>
							<option>6</option>
							<option>7</option>
							<option>8</option>
							<option>9</option>
							<option>10</option>
							<option>11</option>
							<option>12</option>
							<option>13</option>
							<option>14</option>
							<option>15</option>
							<option>16</option>
							<option>17</option>
							<option>18</option>
							<option>19</option>
							<option>20</option>
							<option>21</option>
							<option>22</option>
							<option>23</option>
							<option>24</option>
							<option>25</option>
							<option>26</option>
							<option>27</option>
							<option>28</option>
							<option>29</option>
							<option>30</option>
							<option>31</option>
						</select>
						
						<select>
							<option>2009</option>
							<option>2010</option>
							<option>2011</option>
							<option>2012</option>
						</select>
					</div><!-- /form row -->
					
					<!-- form row -->
					<div class="gt-form-row gt-width-66 clearfix">
						<div class="gt-left-col">
							<label>Category</label>
							<select>
								<option>Blog</option>
								<option>About</option>
								<option>Contact</option>
							</select>
						</div>
						<div class="gt-right-col">
							<label>Status</label>
							<select>
								<option>Approved</option>
								<option>Unapproved</option>
							</select>
						</div>
					</div><!-- /form row -->
					
					<!-- form row -->
					<div class="gt-form-row gt-width-66">
						<label>URL</label>
						<input type="text" class="gt-form-text" />
					</div><!-- /form row -->
					
					<!-- form row -->
					<div class="gt-form-row gt-width-100">
						<label>Summary</label>
						<textarea cols="60" rows="4" class="gt-form-textarea"></textarea>
					</div><!-- /form row -->
					
					<!-- form row -->
					<div class="gt-form-row gt-width-100">
						<label>Content</label>
						<textarea cols="60" rows="20" class="gt-form-textarea"></textarea>
					</div><!-- /form row -->
					
					<!-- form row -->
					<div class="gt-form-row">
						<a href="" class="gt-btn-blue-medium gt-btn-left">Publish</a>
						
						<p class="gt-cancel">or <a href="">cancel</a></p>
					</div>
					<!-- /form row -->
					
				</div>
				<!-- /Add a New Article Form -->
				
				
				<!-- Add / Edit User Form -->
				<!-- This form can be used to add/edit a user -->
				<h2 class="gt-form-head">Add a User</h2>
				<div class="gt-form gt-content-box">
					<div class="clearfix">
						<!-- left column -->
						<div class="gt-left-col">
							<!-- form row -->
							<div class="gt-form-row gt-width-66">
								<label>Name</label>
								<input type="text" class="gt-form-text" />
							</div><!-- /form row -->
							
							<!-- form row -->
							<div class="gt-form-row gt-width-66">
								<label>Email</label>
								<input type="text" class="gt-form-text" />
							</div><!-- /form row -->
							
							<!-- form row -->
							<div class="gt-form-row gt-width-66">
								<label>User Name</label>
								<input type="text" class="gt-form-text" />
							</div><!-- /form row -->
							
							<!-- form row -->
							<div class="gt-form-row gt-width-66">
								<label>Password</label>
								<input type="text" class="gt-form-text" />
							</div><!-- /form row -->
						</div>
						
						<!-- right column -->
						<div class="gt-right-col">
							<!-- form row -->
							<div class="gt-form-row gt-width-66 clearfix">
								<label>User Group</label>
								<select>
									<option>Administrator</option>
									<option>Editor</option>
									<option>Standard User</option>
								</select>
							</div><!-- /form row -->
							
							<!-- form row -->
							<div class="gt-form-row gt-width-66 clearfix">
								<label>Status</label>
								<select>
									<option>Approved</option>
									<option>Pending Approval</option>
									<option>Banned</option>
								</select>
							</div><!-- /form row -->
						</div>
					</div>
					<!-- form row -->
					<div class="gt-form-row">
						<a href="" class="gt-btn-blue-small gt-btn-left">Add</a>
						
						<p class="gt-cancel">or <a href="">cancel</a></p>
					</div>
					<!-- /form row -->
					
				</div>
				<!-- /Add / Edit User Form -->
				
				
				<!-- Support Request Form -->
				<!-- This form can be used to allow a user to submit a support request or trouble ticket -->
				<h2 class="gt-form-head">Support Request</h2>
				<div class="gt-form gt-content-box">

					<!-- form row -->
					<div class="gt-form-row gt-width-66">
						<label>Name</label>
						<input type="text" class="gt-form-text" />
					</div><!-- /form row -->
					
					<!-- form row -->
					<div class="gt-form-row gt-width-66 clearfix">
						<label>Problem Urgency</label>
						<select>
							<option>Not Urgent</option>
							<option>Urgent</option>
							<option>Very Urgent</option>
							<option>Emergency</option>
						</select>
					</div><!-- /form row -->
					
					<!-- form row -->
					<div class="gt-form-row gt-width-66">
						<label>Describe the problem you encountered</label>
						<textarea cols="60" rows="8" class="gt-form-textarea"></textarea>
					</div><!-- /form row -->
					
					
					<!-- form row -->
					<div class="gt-form-row">
						<a href="" class="gt-btn-blue-medium">Submit</a>
					</div>
					<!-- /form row -->
					
				</div>
				<!-- /Support Request Form -->
				
				
				<!-- Add a New Category Form -->
				<!-- This form can be used to add a new category, tag, or section -->
				<h2 class="gt-form-head">Add a New Category</h2>
				<div class="gt-form gt-content-box">

					<!-- form row -->
					<div class="gt-form-row gt-width-66">
						<label>Category Name</label>
						<input type="text" class="gt-form-text" />
					</div><!-- /form row -->
					
					<!-- form row -->
					<div class="gt-form-row gt-width-66">
						<label>Category URL</label>
						<input type="text" class="gt-form-text" />
					</div><!-- /form row -->
					
					<!-- form row -->
					<div class="gt-form-row gt-width-66 clearfix">
						<label>Parent Category</label>
						<select>
							<option>None</option>
							<option>Blog</option>
							<option>About</option>
							<option>Contact</option>
						</select>
					</div><!-- /form row -->
					
					<!-- form row -->
					<div class="gt-form-row gt-width-33">
						<label>Category Summary</label>
						<textarea cols="60" rows="4" class="gt-form-textarea"></textarea>
					</div><!-- /form row -->
					
					
					<!-- form row -->
					<div class="gt-form-row">
						<a href="" class="gt-btn-blue-small">Add</a>
					</div>
					<!-- /form row -->
					
				</div>
				<!-- /Add a new Category Form -->
				
				
				<!-- User Settings Form -->
				<!-- This form can be used for user settings -->
				<h2 class="gt-form-head">Edit My Settings</h2>
				<div class="gt-form gt-content-box">
				
					<div class="clearfix">
						<!-- left column -->
						<div class="gt-left-col">
							<!-- form row -->
							<div class="gt-form-row gt-width-66">
								<label>User Name</label>
								<input type="text" class="gt-form-text" />
							</div><!-- /form row -->
							
							<!-- form row -->
							<div class="gt-form-row gt-width-66">
								<label>Password</label>
								<input type="password" class="gt-form-text" />
							</div><!-- /form row -->
							
							<!-- form row -->
							<div class="gt-form-row gt-width-66">
								<label>Email Address</label>
								<input type="text" class="gt-form-text" />
							</div><!-- /form row -->
						</div><!-- /left column -->
						
						<!-- right column -->
						<div class="gt-right-col">
							<!-- form row -->
							<div class="gt-form-row gt-width-66">
								<label>Language</label>
								<label class="gt-form-element-label"><input type="radio" name="gt-sample" class="gt-form-radio" /> English</label>
								<label class="gt-form-element-label"><input type="radio" name="gt-sample" class="gt-form-radio" /> Spanish</label>
								<label class="gt-form-element-label"><input type="radio" name="gt-sample" class="gt-form-radio" /> French</label>
							</div><!-- /form row -->
							
							<!-- form row -->
							<div class="gt-form-row gt-width-66">
								<label>Dashboard Displays</label>
								<label class="gt-form-element-label"><input type="checkbox" class="gt-form-checkbox" /> Recent Posts</label>
								<label class="gt-form-element-label"><input type="checkbox" class="gt-form-checkbox" /> Recent Comments</label>
								<label class="gt-form-element-label"><input type="checkbox" class="gt-form-checkbox" /> Category List</label>
							</div><!-- /form row -->
						</div><!-- /right column -->
					
					</div>
					
					<!-- form row -->
					<div class="gt-form-row gt-width-66">
						<label>Signature</label>
						<p class="gt-form-note">This signature will be added automatically after all your posts.</p>
						<textarea cols="60" rows="4" class="gt-form-textarea"></textarea>
					</div><!-- /form row -->
					
					<!-- form row -->
					<div class="gt-form-row">
						<a href="" class="gt-btn-blue-small">Save</a>
					</div>
					<!-- /form row -->
					
				</div>
				<!-- /User Settings Form -->
				
				
				<!-- Upload a File Form -->
				<!-- This form can be used to upload a file -->
				<h2 class="gt-form-head">Upload a File</h2>
				<div class="gt-form gt-content-box">

					<!-- form row -->
					<div class="gt-form-row gt-width-66">
						<label>Choose a File</label>
						<input type="file" class="gt-form-file-upload" />
					</div><!-- /form row -->
					
					<!-- form row -->
					<div class="gt-form-row gt-width-66 clearfix">
						<label>File Category</label>
						<select>
							<option>Document</option>
							<option>Photo</option>
							<option>Miscellaneous</option>
						</select>
					</div><!-- /form row -->
					
					<!-- form row -->
					<div class="gt-form-row gt-width-66">
						<label>Notes</label>
						<textarea cols="60" rows="4" class="gt-form-textarea"></textarea>
					</div><!-- /form row -->
					
					
					<!-- form row -->
					<div class="gt-form-row">
						<a href="" class="gt-btn-blue-medium">Upload</a>
					</div>
					<!-- /form row -->
					
				</div>
				<!-- /Upload a File Form -->
				
			</div>
			<!-- / main content -->
			
			<!-- sidebar -->
			<div class="gt-sidebar">
				<!-- Sidebar Navigation -->
				<div class="gt-sidebar-nav gt-sidebar-nav-gray">
					<h3>Quick Links</h3>
					<ul>
						<li><a href="">Add a New Post</a></li>
						<li><a href="">Edit User Settings</a></li>
						<li><a href="">View Live Site</a></li>
					</ul>
				</div><!-- /Sidebar Navigation -->
				
				<!-- Sidebar Box -->
				<div class="gt-sidebar-box gt-sidebar-box-blue">
					<!-- search -->
					<div class="gt-search"><div class="gt-search-inner">
						<input type="text" class="gt-search-text" value="Find an Article" onfocus="javascript:if(this.value=='Find an Article')this.value='';" onblur="javascript:if(this.value=='')this.value='Find an Article';" />
					</div></div><!-- /search -->
				</div><!-- /Sidebar Box -->
				
				
				<!-- Sidebar Content -->
				<div class="gt-sidebar-content">
					<h3>Author Contact</h3>
					<p>John Marker<br />
					1756 Main Court<br />
					City, State 12345, Country</p>
					
					<p>email: <a href="">john.marker@example.com</a></p>
					
					<p>phone: 123-555-1356</p>
					
					<p>aim: johnmarker</p>
				</div><!-- /Sidebar Content -->
				
				<!-- Sidebar List -->
				<div class="gt-sidebar-list">
					<h3>Recent Users</h3>
					<ul class="gt-sidebar-list-content">
						<li class="gt-sidebar-list-row">
							<img class="gt-avatar-small" src="images/gt/avatar-small.gif" alt="avatar-small" width="25" height="25"/>
							<h4><a href="">John Marker</a></h4>
							<p>I love to color pictures!</p>
						</li>
						
						<li class="gt-sidebar-list-row">
							<img class="gt-avatar-small" src="images/gt/avatar-small.gif" alt="avatar-small" width="25" height="25"/>
							<h4><a href="">Charlee Watts</a></h4>
							<p>Eco-friendly is the way to go!</p>
						</li>
					</ul>
				</div><!-- /Sidebar List -->
			</div>
			<!-- / sidebar -->
			
		</div>
		<!-- / body -->
		
		<!-- footer -->
		<div class="gt-footer"><div class="gt-footer-inner">
			<p>Copyright &copy; 2010 Gooey Templates - <a href="http://www.gooeytemplates.com" target="_blank">GooeyTemplates.com</a></p>
		</div></div>
		<!-- /footer -->
	</body>
</html>